@charset "utf-8";
body{background:#FFF;position:relative;z-index:100;}
.topmes{font-size:14px;margin:8px 0;}
.topmes span{color:#c6c6c6;}
.case{width:860px;float:right;position:relative;}
.case .sub{width:600px;height:360px;position:absolute;top:0;left:0;color:#FFF;text-align:center;background:rgba(0,0,0,0.4);box-sizing:border-box;padding-top:100px;}
.case .sub p{margin:10px 0;}
.case .sub a{color:#FFF;border:1px solid #FFF;width:80px;height:30px;display:block;line-height:30px;text-align:center;margin-left:260px;}
.case h2{color:#333;margin-top: 10px;}

.intro{margin:0 auto;border:1px solid #F1F1F1;}

.introduce{width:300px;height:400px;float:left;text-align:center;}
.introduce .avatar{display:block;width:240px;height:240px;margin:15px auto 10px auto;}
.introduce p{margin:10px 0;} 
.introduce .name{font-size:22px;}
.introduce .zuoyoum{height:65px;overflow:hidden;color:#979797;}
.introduce .price{color:#ff6537;}
.introduce .price span{font-size:24px;font-weight:bold;}
.introduce li{display:inline-block;margin-left:25px;color: #666}
.introduce li b{font-size:22px;color:#666;}
.introduce li span{color:#666;}

.cost-schedule{margin-top:20px;height: 450px;}
.cost-schedule h2{color:#333;margin-bottom: 5px;}

.service-work-at{margin:5px 5px;color: #666;}
.service-title{color: #666;}
.service-title span{margin:5px 5px;float: left}
.service-title img{margin:5px 5px;}

.service-type {min-height: inherit;}
.service-type li{display:inline-block;width:160px;height:80px;border:1px solid #cdcdcd;border-radius:3px;box-sizing:border-box;padding-top:20px;text-align: center;}

.service-type .explain{width:700px;margin:5px 0;color:#979797;font-size:14px;}
.service-type .active{border:1px solid #ff6537;color:#ff6537;}
.service-area em{background:url(../icon/turndown.png) no-repeat;display:block;width:16px;height:16px;position:relative;top:-17px;left:52px;}
.service-area ul{position:relative;margin-bottom:10px;}
.service-area li{font-size:14px;color:#979797;width:800px;display:inline-block;margin-right:18px;cursor: pointer;}
.service-area li div{top:20px;width:800px;background:#edeeef;font-size:14px;color:#333;padding:10px;float:left;margin:0 auto;line-height:20px;}
.service-area li div span{margin:0 3px;text-align: center}
.service-area li:hover div{display:block;}
.service-area  a{font-size:14px;}
.service-area{float: right;width: 820px;}
.service-remote{top:20px;background:#edeeef;font-size:14px;color:#333;padding:10px;float:left;margin:0 auto;line-height:20px;
                        font-size:14px;color:#979797;width:800px;display:inline-block;margin-right:18px;cursor: pointer;}

.service-date{float: left;margin-left: 20px;}
.service-date span{font-size:14px;}
.service-date span img{vertical-align:middle;}

.shopcart{font-size:14px;margin-top:18px;float: left;background: #ff6537;}
.shopcart span{color:#F1F1F1;margin:0 5px;}
.shopcart img{float: left;margin: 8px 8px;}
.shopcart a{float:right;display:block;width:100px;height:38px;border:1px solid #ff6537;border-radius:3px;color:#FFF;line-height:38px;text-align: center;}

.shopnow{font-size:14px;margin-top:18px;float: left;background: #ffeded;margin-right: 10px;}
.shopnow span{color:#F1F1F1;margin:0 5px;}
.shopnow img{float: left;margin: 8px 8px;}
.shopnow a{float:right;display:block;width:100px;height:38px;border:1px solid #ff6537;color:#ff6537;line-height:38px;text-align: center;}

.zuopinlist h2{color:#333;}
.zuopinlist ul{font-size:0;}
.zuopininfo{text-align:center;width:240px;display:inline-block;font-size:16px;margin:12px 20px 0 0;}
.zuopininfo div{width:240px;height:150px;margin-bottom:5px;}


/*推荐*/
.recommend{background:#FFF;padding-top:30px;overflow:hidden;padding-bottom:20px;}
.recommend h2{color:#333;margin-bottom: 10px;}
.recommend_count{color:#999;margin-top:5px;font-size:14px;}
.recommend_detail{margin-top:20px;}
.recommend .team_member li{width: 50%;float: left;margin-bottom: 10px;}
.recommend .team_member li .recommend_avatar{float: left;width:64px;height:64px;margin-right: 10px;}
.recommend .team_member li .price{color: #ff6537;}